<div class="recommend-header">
    <img class="fl recommend-back" onclick="history.go(-1)" src="/assets/public/images/recommend/back.svg"/>
    <div class="fl recommend-header-left">
        <div class="recommend-header-title">推荐图片</div>
        <div class="recommend-header-desc">上传图片并选择目标画板完成推荐</div>
    </div>
    <div class="fr">
        <div class="dropdown category-dropdown">
            <a data-toggle="dropdown" class="target-canvas">
                <span>选择目标画板</span>
                <img src="/assets/public/images/recommend/zhankai-2.svg"/>
            </a>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel">
                <div class="category-search">
                    <img src="/assets/public/images/recommend/search_2.svg"/>
                    <input type="text" class="form-control" placeholder="搜索">
                </div>
                <div class="category-content">

                    #@searchClass()

                </div>
            </div>
        </div>
        <span class="meiye-submit-btn save-btn">提交</span>
    </div>
</div>

<div class="recommend-content">
    <ul class="clear">
        <li id="upload-image-btn">
            <div class="upload-wrapper" id="site-form-image-preview">
                <div class="upload-add-img">
                    <img src="/assets/public/images/recommend/app-add.svg"/>
                </div>
                <div class="upload-title">添加图片</div>
                <div class="upload-desc">
                    JPG/PNG/GIF <5M <br/>
                    单次上传不超过30张
                </div>
            </div>
        </li>

    </ul>
</div>

<div class="modal fade bs-example-modal-sm" id="image-link-txt" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <h4 class="modal-title">请完善图片的链接来源</h4>
            <input type="text" class="form-control" placeholder="请输入图片链接来源">
            <div class="warning">来源链接不能为空</div>
            <div class="modal-content-btn clear">
                <span class="meiye-submit-btn confirm-btn">提交</span>
                <span class="cancel-btn" data-dismiss="modal" aria-label="Close">稍后补充</span>
            </div>
        </div>
        <img class="close-icon" data-dismiss="modal" aria-label="Close"
             src="/assets/public/images/recommend/close.svg"/>
    </div>
</div>

<div class="modal fade bs-example-modal-sm" id="success-dialog" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm fanxie-dialog" role="document">
        <div class="modal-content">
            <h4 class="modal-title">
                <img class="fl ganxie" data-dismiss="modal" aria-label="Close"
                     src="/assets/public/images/recommend/ganxie.svg"/>
                感谢您的推荐！
            </h4>
            <div class="modal-desc">
                为了保证美叶线上内容的品质，美叶会对您上传的作品进行品质评估，评估通过后即可对所有用户可见,感谢您对美叶的支持，祝您工作愉快~
            </div>
            <div class="modal-content-btn clear" style="margin-top: 16px;text-align: right;">
                <span class="meiye-submit-btn success-confirm" style="margin-right: 0px;" data-dismiss="modal"
                      aria-label="Close">知道了</span>
            </div>
        </div>
    </div>
</div>

<script src="/assets/public/js/recommend/recommend-canvas.js" type='text/javascript'></script>